<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" href="../css/reset1.css" />
    <link rel="stylesheet" href="../css/profile.css" />
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </head>
  <body>
    <!-- 个人信息简介 -->

    <div class="photo" id="photo">
      <!-- <div class="photo_left">
        <div class="infor_top" id="name">李四</div>
        <div class="infor_cen">
          <span>律所主任</span
          ><span><img src="./images/jingxuan.png" alt="" /></span>
        </div>
        <div class="infor_bot">
          <span>家庭婚姻</span><span>劳动工伤</span><span>刑事辩护</span>
        </div>
      </div>
      <div class="photo_right">
        <div class="year">
          <div class="con1">23</div>
          <div class="con2">执业年限</div>
        </div>
        <div class="number">
          <div class="con1">20021</div>
          <div class="con2">帮助人数</div>
        </div>
      </div> -->
    </div>

    <!-- 服务 -->
    <div class="service">
      <!-- <div class="ser_title">在线咨询-1天</div>
      <div class="explain">
        1天服务期内提问100%解答，不限咨询次数，可查看聊天记录；擅长家庭婚姻，劳动纠纷，刑事辩护
      </div>
      <div>
        <span class="span0">￥</span><span class="span1">68</span
        ><span class="span2">律所价格：</span><span class="span3">￥600</span> -->
      </div>

      <!-- 服务保障 -->
      <div class="ensure">
        <div class="ensure_con">
          <span class="span_l">服务保障</span>
          <span class="span_r"
            ><img class="immg1" src="./images/service_icon.png" alt="" />100%满意计划</span
          >
          <span class="span_r"
            ><img class="immg1" src="./images/service_icon.png" alt="" />资质担保</span
          >
          <span class="span_r"
            ><img class="immg1" src="./images/service_icon.png" alt="" />保证金质保</span
          >
        </div>
      </div>

      <!-- 选择服务 -->
      <div class="select">
        <div class="sel_title">选择服务</div>
        <div class="sel_type">
          <div class="typebox">
            <div class="typebox_con1" style="color: red">在线咨询</div>
            <div class="typebox_con2" style="color: red">￥68起</div>
          </div>
          <div class="typebox">
            <div class="typebox_con1">电话咨询</div>
            <div class="typebox_con2">￥100起</div>
          </div>
          <div class="typebox">
            <div class="typebox_con1">合同文书</div>
            <div class="typebox_con2">￥500起</div>
          </div>
          <div class="typebox">
            <div class="typebox_con1">诉讼委托</div>
            <div class="typebox_con2">￥6000起</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 模块间的间隔 -->
    <div class="gap"></div>

    <!-- 评价 -->
    <div class="evaluate">
      <div class="eva_title"><b>服务评价</b><span>14475条</span><img src="../律师馆/images/jiantou.png" alt=""></div>

      <div class="eva_piece">
        <div class="user">
          <div class="user_photo">
            <img  src="./images/userphoto1.JPG" alt="" />
          </div>
          <div class="user_msg">
            <b>189****6251</b
            ><span
              >2021/05/05&nbsp;&nbsp;22:57:29&nbsp;&nbsp;&nbsp;&nbsp;在线咨询</span
            >
          </div>
        </div>
        <div class="eva_content">
          我咨询的是交通事故，解答非常不错，即使我的转达存在一定的错误，但是律师一直都非常耐心的解答，帮助我解决问题。推荐选择
        </div>
      </div>

      <div class="eva_piece">
        <div class="user">
          <div class="user_photo">
            <img src="./images/userphoto2.JPG" alt="" />
          </div>
          <div class="user_msg">
            <b>134****4711</b
            ><span
              >2021/05/07&nbsp;&nbsp;06:13:01&nbsp;&nbsp;&nbsp;&nbsp;在线咨询</span
            >
          </div>
        </div>
        <div class="eva_content">
          律师让我知道怎么面对法律问题，对于交通事故逃逸的事情怎么去处理，该找谁，谢谢律师。
        </div>
      </div>

      <div class="eva_piece">
        <div class="user">
          <div class="user_photo">
            <img src="./images/userphoto3.png" alt="" />
          </div>
          <div class="user_msg">
            <b>177****3837</b
            ><span
              >2021/05/10&nbsp;&nbsp;08:59:28&nbsp;&nbsp;&nbsp;&nbsp;合同文书</span
            >
          </div>
        </div>
        <div class="eva_content">
          非常感谢李律师帮我解答一切难题，思路清晰，服务态度很好，有什么需要还要再咨询徐律师。
        </div>
      </div>

      <div class="eva_more">
        <a href="#">查看更多评价</a>
      </div>
    </div>

    <!-- 模块间的间隔 -->
    <div class="gap"></div>

    <!-- 介绍 -->
    <div class="produce">
      <div class="ser_title">个人介绍</div>

      <div class="pro_piece">
        <div class="pro_content">
          <div class="pro_title2">资质认证</div>
          <div class="title2_con">专职律师</div>
          <div class="pic"><img class="pimg321" src="./images/zhengshu.png" alt="" /></div>
        </div>
      </div>

      <div class="pro_piece">
        <div class="pro_content">
          <div class="pro_title2">任职律所</div>
          <div class="title2_con">广东海厚律师事务所</div>
        </div>
      </div>

      <div class="pro_piece">
        <div class="pro_content">
          <div class="pro_title2">教育背景</div>
          <div class="title2_con">本科</div>
        </div>
      </div>

      <div class="pro_piece">
        <div class="pro_content">
          <div class="pro_title2">擅长领域</div>
          <div class="title2_con">
            家庭婚姻：离婚、夫妻财产/债务、抚养费、彩礼、婚前财务争议
          </div>
          <div class="title2_con">
            借款借贷：借钱不还、高利贷、网络借贷、担保抵押
          </div>
          <div class="title2_con">
            劳动工伤：未签合同、辞职解雇、工伤赔偿、劳动仲裁、劳动诉讼
          </div>
        </div>
      </div>

      <div class="pro_piece">
        <div class="pro_content">
          <div class="pro_title2">个人履历</div>
          <div class="title2_con">
            李四律师：家庭婚姻：离婚、夫妻财产/债务、抚养费、彩礼、婚前财务争议；借款借贷：
            借钱不还、高利贷、网络借贷、担保抵押；劳动工伤：未签合同、辞职解雇、工伤赔偿、劳动仲裁、劳动诉讼
          </div>
        </div>
      </div>

      <div class="pro_piece">
        <div class="pro_content">
          <div class="pro_title2">荣誉证书</div>
          <div class="pic"><img class="pimg123" src="./images/jinqi.png" alt="" /></div>
        </div>
      </div>

      <div class="consult">咨询须知</div>
      <div class="consult_con">
        1、<span>正规性</span>平台上的律师都是具有由司法局颁发律师执业证的正规律师。
      </div>
      <div class="consult_con">
        2、<span>保密性</span>律师对当事人有保守隐私的义务，即使与律师间不是委托代理关系，也不能泄漏他人的隐私
      </div>
      <div class="consult_con">
        3、<span>安全性</span>担保交易，服务验收后，平台再将服务费转入律师的账户。
      </div>
      <div class="consult_con">
        4、<span>咨询方式</span>平台咨询分为图文和电话两种形式，具体的咨询方式，以及服务时长可根据自身需求选择。
      </div>
      <div class="consult_con">
        5、<span>如何计算时间</span>订单支付成功不会开始计算时间，只有律师确认受理订单...<a
          href="#"
          >展开</a
        >
      </div>
    </div>

    <!-- 模块之间的灰色间隔  -->
    <div class="gap"></div>

    <!-- 推荐律师 -->
    <div class="recommend">
      <div class="ser_title" style="padding-bottom: 0.42rem">推荐律师</div>

      <div class="rec_piece">
        <div class="rec_left"><img src="./images/recommend.png" alt="" /></div>
        <div class="rec_right">
          <div class="lvs_name">
            王五律师<em><img src="../律师馆/images/jx.png" alt=""></em>
            <div class="rec_price">￥<span class="rec_span1">68</span>起</div>
          </div>
          <div class="zhiye">执业8年</div>
          <div class="shch">
            <div>擅长</div>
            <div class="shch_piece">
              <div class="shch_con">劳动工伤</div>
              <div class="shch_con">合同纠纷</div>
              <div class="shch_con">经济纠纷</div>
            </div>
          </div>
          <div class="zhiye">
            43109<span class="fontcolor">人咨询</span>6237<span
              class="fontcolor"
              >条评价</span
            >
          </div>
          <div class="score_box">
            <div style="display: flex">
              <div class="score"><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""></div>
              <span>5.0</span><span class="fontcolor">分</span>
            </div>
            <div class="private">私聊</div>
          </div>
        </div>
      </div>

      <div class="rec_piece">
        <div class="rec_left"><img src="./images/recommend.png" alt="" /></div>
        <div class="rec_right">
          <div class="lvs_name">
            王五律师<em><img src="../律师馆/images/jx.png" alt=""></em>
            <div class="rec_price">￥<span class="rec_span1">68</span>起</div>
          </div>
          <div class="zhiye">执业8年</div>
          <div class="shch">
            <div>擅长</div>
            <div class="shch_piece">
              <div class="shch_con">劳动工伤</div>
              <div class="shch_con">合同纠纷</div>
              <div class="shch_con">经济纠纷</div>
            </div>
          </div>
          <div class="zhiye">
            43109<span class="fontcolor">人咨询</span>6237<span
              class="fontcolor"
              >条评价</span
            >
          </div>
          <div class="score_box">
            <div style="display: flex">
              <div class="score"><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""></div>
              <span>5.0</span><span class="fontcolor">分</span>
            </div>
            <div class="private">私聊</div>
          </div>
        </div>
      </div><div class="rec_piece">
        <div class="rec_left"><img src="./images/recommend.png" alt="" /></div>
        <div class="rec_right">
          <div class="lvs_name">
            王五律师<em><img src="../律师馆/images/jx.png" alt=""></em>
            <div class="rec_price">￥<span class="rec_span1">68</span>起</div>
          </div>
          <div class="zhiye">执业8年</div>
          <div class="shch">
            <div>擅长</div>
            <div class="shch_piece">
              <div class="shch_con">劳动工伤</div>
              <div class="shch_con">合同纠纷</div>
              <div class="shch_con">经济纠纷</div>
            </div>
          </div>
          <div class="zhiye">
            43109<span class="fontcolor">人咨询</span>6237<span
              class="fontcolor"
              >条评价</span
            >
          </div>
          <div class="score_box">
            <div style="display: flex">
              <div class="score"><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""><img src="../律师馆/images/wujiaox.png" alt=""></div>
              <span>5.0</span><span class="fontcolor">分</span>
            </div>
            <div class="private">私聊</div>
          </div>
        </div>
      </div>

    <script src="./js/details.js"></script>
  </body>
</html>
